<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--contenteditable="true": 点击时可以直接修改文本-->
<p id="part01" class="part-item" name="parts" contenteditable="true">点我可修改文本</p>
<!--hidden="hidden": 该文本隐藏-->
<p id="part02" class="part-item" name="parts" hidden="hidden">我被隐藏</p>
<!--title: 鼠标悬停时的提示文字-->
<p id="part03" class="part-item" name="parts" title="傻逼刘广">鼠标放在我身上有惊喜</p>
<!--设置文字显示方向，可选 `rtl/ltr`-->
<p id="part04" class="part-item" name="parts" dir="ltr">床前明月光</p>
</body>
</html>